<script setup name="App" lang="ts">
import { ref } from 'vue';
import Channel from './components/Channel.vue'
import NewsList from './components/NewsList.vue'
// 点击高亮，用默认的 channelId 和循环时候的 channelId 进行比较，如果一样，就应用高亮的 class
// 点击的时候，只需要把当前点击的 channelId 给默认的 channelId

// !#1
const channelId = ref(-1)
</script>
<template>
  <!-- //!#5 -->
  <Channel :channelId="channelId" @updateChanneId="channelId = $event"/>
  <NewsList/>
</template>
